<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>二阶段项目</title>
    <script src="./utils/flexible.js"></script>
    <link rel="stylesheet" href="./css/index.css">
</head>
<style>

</style>
<!-- //使用rem 来进行适配 -->

<body>
    <div id="overall">
        <div class="header">
            <b>
                <a href="">
                    <img src="./image/header_logo.png" alt="">
                </a>
            </b>
            <p>
                <a href="">
                    <img src="./image/header_app.png" alt="">
                </a>
            </p>
        </div>
        <div class="search">
            <input type="text" placeholder="请输入你想要的关键字">
            <button>搜索</button>
        </div>
        <div class="nav">
            <ul class="uu">
                <li>
                    <img src="./images/1.png" alt="">
                    <p>比价搜索</p>
                </li>
                <li>
                    <img src="./images/2.png" alt="">
                    <p>省钱控</p>
                </li>
                <li>
                    <img src="./images/3.png" alt="">
                    <p>国内折扣</p>
                </li>
                <li>
                    <img src="./images/4.png" alt="">
                    <p>白菜价</p>
                </li>
                <li>
                    <img src="./images/5.png" alt="">
                    <p>海淘折扣</p>
                </li>
                <li>
                    <img src="./images/6.png" alt="">
                    <p>优惠券</p>
                </li>
                <li>
                    <img src="./images/7.png" alt="">
                    <p>查历史价</p>
                </li>
                <li class="more">
                    <img src="./images/8.png" alt="">
                    <p>更多</p>
                </li>
                <li class="flex">
                    <img src="./images/9.png" alt="">
                    <p>凑单品</p>
                </li>
                <li class="flex">
                    <img src="./images/10.png" alt="">
                    <p>口碑排行</p>
                </li>
                <li class="flex">
                    <img src="./images/11.png" alt="">
                    <p>商品导航</p>
                </li>
                <li class="flex">
                    <img src="./images/12.png" alt="">
                    <p>品牌大全</p>
                </li>
            </ul>
        </div>
        <div class="recommend">
            <div>
                超值折扣推荐
                <img src="./_git/image/309下一页、前进、查看更多-线性圆框.png" alt="">
            </div>
            <ul class="xiang">
                
            </ul>
        </div>
        <div class="footer">
            <div>更多优惠信息>></div>
        </div>
                <div class="ranking">
            <div>
                品牌排行
                <img src="./images/more.png" alt="">
            </div>
        </div>
        <div class="footer1">
            <div>
                <b>登入</b>
                <b>注册</b>
                <b>返回顶部</b>
            </div>
        </div>
        <div class="footer2">
            <div>
                <p>
                    <b>手机app下载</b>
                    <b>万锋智慧商城手机版</b>
                    <b>--掌上比价平台</b>
                </p>
                <p>chst.vip:8081/crm </p>
            </div>
        </div>
    </div>
</body>
    </div>
</body>

</html>
<script src='https://code.jquery.com/jquery-3.6.0.min.js'></script>
<script src="./js/shouye.js"></script>
<script src="./js/jq.js"></script>